<template>
<div class="app">
  <HeaderBar v-if="$route.meta.headShow"></HeaderBar>
  <div class="main">
    <router-view></router-view>
  </div>
  <FooterBar></FooterBar>
</div>
  
</template>

<script>
// @ is an alias to /src
import HeaderBar from '@/components/HeaderBar';
import FooterBar from '@/components/FooterBar';
export default {
  components: {
    HeaderBar,
    FooterBar
  }
}
</script>

<style lang='scss' scoped>
.app{
  display: flex;
  flex-direction: column;
  height: 100%;
  .main{
    flex: 1;
    overflow: hidden;
  }
}
</style>